<%@ page language="java" contentType="text/html; charset=US-ASCII"
    pageEncoding="US-ASCII"%>
<%@ page import="java.util.*"%>
<%@ page import="fr.esgi.classes.Promotion"%>
<%@ page import="fr.esgi.classes.Projet"%>
<%@ page import="fr.esgi.donnees.Database"%>
<%
	ArrayList <Promotion> listPromotion;
	ArrayList <Projet> listProjet;
	ArrayList <String> listPromo;
	 Database d=new Database();
	listPromo=d.afficherPromo();
	listPromotion=d.afficherPromotion();
	listProjet=d.afficherProjet();
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<title>Insert title here</title>
 <script language="JavaScript" type="text/javascript">
			function griser(){
			var Obj = document.getElementById('groupe'); 
			Obj.innerHTML = "";
			var selectElmt = document.getElementById("promotion");
			var test=selectElmt.options[selectElmt.selectedIndex].value;
			var colPromotion=new Array();
 			var colGroupe=new Array();
   			with (document.form) {
 						<%for (int i=0; i<listPromotion.size(); i++) {%>   
   						colPromotion[<%=i%>] = "<%=listPromotion.get(i).getAnneeSpecialite()%>";   
 						colGroupe[<%=i%>] = "<%=listPromotion.get(i).getGroupe()%>";
			<%}%>
				

				for(var j=0; j < colPromotion.length; j++) {
				if (test == colPromotion[j]) {
					var opt = document.createElement("option");
			        document.getElementById("groupe").options.add(opt);
			        opt.text = colGroupe[j];
			        opt.value =colGroupe[j];
				}
				
			}
 				var colPromo=new Array();
  	 			var colGroup=new Array();
  	 			var colProjet=new Array();
  	 			var colIdprojet=new Array();
      			<%for(int j=0; j < listProjet.size(); j++){%>     
    			colPromo[<%=j%>] = "<%=listProjet.get(j).getPromotion()%>";     
   			colGroup[<%=j%>] = "<%=listProjet.get(j).getGroupe()%>"; 
  				colProjet[<%=j%>] = "<%=listProjet.get(j).getNom()%>";
  				colIdprojet[<%=j%>] = "<%=listProjet.get(j).getId()%>";
  				
  	<%}%>  
 	var Obj2 = document.getElementById('projet'); 
 	Obj2.innerHTML = "";
 	var selectElmt2 = document.getElementById("groupe");
	var groupe=selectElmt.options[selectElmt2.selectedIndex].value;
 	for ( var j = 0; j < colPromo.length; j++) {
				if (test == colPromo[j]) {
					var opt = document.createElement("option");
 					document.getElementById("projet").options.add(opt);
 					opt.text = colProjet[j];
 					opt.value = colIdprojet[j];
 				}
 			}
		}
	}
</script>
</head>
<body>
	<form name="form" action="ValidationDownload" method="post">
 <p>
			Promotion<select id="promotion" name="promotion" onchange="griser();">
				<%
					for (int i = 0; i < listPromo.size(); i++) {
				%>
				<option value="<%out.print(listPromo.get(i));%>">
					<%
						out.println(listPromo.get(i));
					%>
				</option>
				<%
					}
				%>

			</select> Groupe <select name="groupe" id="groupe">
						<%
								for (int i = 0; i < listPromotion.size(); i++) {
								if(listPromotion.get(0).getAnneeSpecialite().equals(listPromotion.get(i).getAnneeSpecialite())){
						%>
							<option value="<%out.print(listPromotion.get(i).getGroupe());%>">
								<%
									out.println(listPromotion.get(i).getGroupe());
								%>
							</option>
							<%
								}
							}
							%>
						</select> Projet <select name="projet" id="projet">
				<%
					for (int i = 0; i < listProjet.size(); i++) {
						if (listProjet.get(i).getPromotion()
								.equals(listPromotion.get(0).getAnneeSpecialite())) {
				%>
				<option value="<%out.print(listProjet.get(i).getId());%>">
					<%
						out.print(listProjet.get(i).getNom());
					%>
				</option>
				<%
					}
					}
				%>
			</select>
		</p>
	</form>
</body>
</html>